<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>BackGrid Complete example (Recommended!)</title>

<link rel="stylesheet" href="../../lib/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-select-all.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-paginator.css">
<link rel="stylesheet" href="../../lib/backgrid/backgrid-filter.css">
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />

</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div id="winetile" class="span10 container">
				Object Tile Area for Listing and Addnew/Editing
			</div>
		</div>
	</div>

	<script type="text/template" id="tpl_winetile">
	<div id="winetile">
		<div class="page-header">
			<h1 align="center">
				BackGrid Complete Example with Filters and Paginator <small>
					Winestore Example </small>
			</h1>
		</div>
		<div id="objecteditor">object editor
			here. If you see this, it means the object list view or object item
			view are not displayed successfully!</div>
	</div>
	</script>

	<script type="text/template" id="tpl_itemlist">
	<div id="itemlist">
		<a href="#wines/new" id="addnew" class="btn btn-success">Add</a>
		<!-- 
		<a href="#wines/deleteselected" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		-->
		<a href="#" id="deleteselected" class="btn btn-danger">Delete Selected</a>
		<div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
	</div>
	</script>
	
	<script type="text/template" id="tpl_itemdetail">
	<h2 class="page-header text-center">Members Detail Edit</h2>
	<form role="form" class="form-horizontal contract-form">
		<div class="form-group">
			<label class="col-sm-4 control-label">Id:</label>
			<div class="col-sm-6">
				<input id="wineId" name="id" type="text" value="<%= id %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Code:</label>
			<div class="col-sm-6">
				<input type="text" id="code" name="code" value="<%= code %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Reluserid:</label>
			<div class="col-sm-6">
				<input type="text" id="reluserid" name="reluserid"
					class="form-control contact-name-input" value="<%= reluserid %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Securitylevel:</label>
			<div class="col-sm-6">
				<input type="text" id="securitylevel" name="securitylevel"
					class="form-control contact-name-input" value="<%= securitylevel %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Idcard:</label>
			<div class="col-sm-6">
				<input type="text" id="idcard" name="idcard" class="form-control contact-name-input" value="<%= idcard %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Firstname:</label>
			<div class="col-sm-6">
				<input type="text" id="firstname" name="firstname" class="form-control contact-name-input" value="<%= firstname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Midname:</label>
			<div class="col-sm-6">
				<input type="text" id="midname" name="midname" class="form-control contact-name-input" value="<%= midname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Lastname:</label>
			<div class="col-sm-6">
				<input type="text" id="lastname" name="lastname" class="form-control contact-name-input" value="<%= lastname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Secname:</label>
			<div class="col-sm-6">
				<input type="text" id="secname" name="secname" class="form-control contact-name-input" value="<%= secname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Nickname:</label>
			<div class="col-sm-6">
				<input type="text" id="nickname" name="nickname" class="form-control contact-name-input" value="<%= nickname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Respectname:</label>
			<div class="col-sm-6">
				<input type="text" id="respectname" name="respectname" class="form-control contact-name-input" value="<%= respectname %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Email:</label>
			<div class="col-sm-6">
				<input type="text" id="email" name="email" class="form-control contact-name-input" value="<%= email %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Emailmore:</label>
			<div class="col-sm-6">
				<input type="text" id="emailmore" name="emailmore" class="form-control contact-name-input" value="<%= emailmore %>" />
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-4 control-label">Mobilephone:</label>
			<div class="col-sm-6">
				<input type="text" id="mobilephone" name="mobilephone"
					class="form-control contact-name-input" value="<%= mobilephone %>" />
			</div>
		</div>
	    <div class="form-group">
			<label class="col-sm-4 control-label">Mobilephonemore:</label>
			<div class="col-sm-6">
				<input type="text" id="mobilephonemore" name="mobilephonemore"
					class="form-control contact-name-input" value="<%= mobilephonemore %>" />
			</div>
		</div>
       
        <div class="form-group">
			<label class="col-sm-4 control-label">Homepage:</label>
			<div class="col-sm-6">
				<input type="text" id="homepage" name="homepage"
					class="form-control contact-name-input" value="<%= homepage %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Gender:</label>
			<div class="col-sm-6">
				<input type="text" id="gender" name="gender"
					class="form-control contact-name-input" value="<%= gender %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Im:</label>
			<div class="col-sm-6">
				<input type="text" id="im" name="im"
					class="form-control contact-name-input" value="<%= im %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Qq:</label>
			<div class="col-sm-6">
				<input type="text" id="qq" name="qq"
					class="form-control contact-name-input" value="<%= qq %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Weixin:</label>
			<div class="col-sm-6">
				<input type="text" id="weixin" name="weixin"
					class="form-control contact-name-input" value="<%= weixin %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Affiliation:</label>
			<div class="col-sm-6">
				<input type="text" id="affiliation" name="affiliation"
					class="form-control contact-name-input" value="<%= affiliation %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Employeeid:</label>
			<div class="col-sm-6">
				<input type="text" id="employeeid" name="employeeid"
					class="form-control contact-name-input" value="<%= employeeid %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Address:</label>
			<div class="col-sm-6">
				<input type="text" id="address" name="address"
					class="form-control contact-name-input" value="<%= address %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Zip:</label>
			<div class="col-sm-6">
				<input type="text" id="zip" name="zip"
					class="form-control contact-name-input" value="<%= zip %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Birthday:</label>
			<div class="col-sm-6">
				<input type="text" id="birthday" name="birthday" value="<%= birthday %>"
					class="form-control contact-name-input" disabled />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Sculpture:</label>
			<div class="col-sm-6">
				<input type="text" id="sculpture" name="sculpture"
					class="form-control contact-name-input" value="<%= sculpture %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Objectstate:</label>
			<div class="col-sm-6">
				<input type="text" id="objectstate" name="objectstate"
					class="form-control contact-name-input" value="<%= objectstate %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Rowstate:</label>
			<div class="col-sm-6">
				<input type="text" id="rowstate" name="rowstate"
					class="form-control contact-name-input" value="<%= rowstate %>" />
			</div>
		</div>
        <div class="form-group">
			<label class="col-sm-4 control-label">Note:</label>
			<div class="col-sm-6">
				<textarea id="note" name="note"
					class="form-control contact-name-input"><%= note %></textarea>
			</div>
		</div>
        

        <div class="form-group">
			<label class="col-sm-4 control-label">Crtuser:</label>
			<div class="col-sm-6">
				<input type="text" id="crtuser" name="crtuser"
					class="form-control contact-name-input" value="<%= crtuser %>" />
			</div>
		</div>

        <div class="form-group">
			<label class="col-sm-4 control-label">Upduser:</label>
			<div class="col-sm-6">
				<input type="text" id="upduser" name="upduser"
					class="form-control contact-name-input" value="<%= upduser %>" />
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-4 col-sm-3">
				<button type="submit" class="btn btn-outline btn-lg btn-block save">Submit</button>
			</div>
			<div class="col-sm-3">
				<button class="btn btn-outline btn-lg btn-block cancel">Cancel</button>
			</div>
		</div>
	</form>
	</script>

	<script src="../../lib/jquery/1.11.3/jquery-1.11.3.js"></script>
    <script src="../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script src="../../node_modules/underscore/underscore.js"></script>
	<script src="../../node_modules/backgrid/node_modules/backbone/backbone.js"></script>
	<script src="../../node_modules/backgrid-paginator/node_modules/backbone.paginator/lib/backbone.paginator.js"></script>
	<script src="../../node_modules/backgrid/lib/backgrid.js"></script>
	<script src="../../node_modules/backgrid-select-all/backgrid-select-all.js"></script>
	<script src="../../node_modules/backgrid-paginator/backgrid-paginator.js"></script>
	<script src="../../node_modules/backgrid-filter/backgrid-filter.js"></script>

	<script src="member-v1.js"></script>

</body>
</html>
